<template>
    <div class="flex-row">
        <div class="block flex1">
            <div class="panel _body _stretch">
                <comp-rich-text-editor v-model="sEditor"></comp-rich-text-editor>
            </div>
        </div>

        <div class="block"
             style="width: 400px;">
            <div class="panel _stretch">
                <div class="panel-head">
                    <div class="panel-head-l">结果查看</div>
                </div>
                <div class="panel-body">
                    <div v-html="sEditor"></div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import CompRichTextEditor from '@/components/project/editor.vue';
    export default {
        components: {
            CompRichTextEditor
        },
        data() {
            return {
                sEditor: '<p>Content of the editor.</p>',//富文本编辑内容
            }
        },
    }
</script>